<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1761388" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe698;</span>
                <div class="name">方案 (76)</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe699;</span>
                <div class="name">方案 (73)</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe69a;</span>
                <div class="name">方案 (74)</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe69b;</span>
                <div class="name">方案 (78)</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe69c;</span>
                <div class="name">方案 (79)</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe69d;</span>
                <div class="name">方案 (77)</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe69e;</span>
                <div class="name">方案 (81)</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe69f;</span>
                <div class="name">方案 (84)</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a0;</span>
                <div class="name">方案 (82)</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a1;</span>
                <div class="name">方案 (80)</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a2;</span>
                <div class="name">方案 (87)</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a3;</span>
                <div class="name">方案 (90)</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a4;</span>
                <div class="name">方案 (86)</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a5;</span>
                <div class="name">方案 (89)</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a6;</span>
                <div class="name">方案 (88)</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a7;</span>
                <div class="name">方案 (91)</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a8;</span>
                <div class="name">方案 (96)</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6a9;</span>
                <div class="name">方案 (95)</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6aa;</span>
                <div class="name">方案 (93)</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6ab;</span>
                <div class="name">方案 (94)</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6ac;</span>
                <div class="name">方案 (99)</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6ad;</span>
                <div class="name">方案 (92)</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6ae;</span>
                <div class="name">方案 (97)</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6af;</span>
                <div class="name">方案 (83)</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b0;</span>
                <div class="name">方案 (98)</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b1;</span>
                <div class="name">方案 (100)</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b2;</span>
                <div class="name">方案 (102)</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b3;</span>
                <div class="name">方案 (105)</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b4;</span>
                <div class="name">方案 (106)</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b5;</span>
                <div class="name">方案 (101)</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b6;</span>
                <div class="name">方案 (104)</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b7;</span>
                <div class="name">方案 (103)</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b8;</span>
                <div class="name">方案106</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6b9;</span>
                <div class="name">方案108</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6ba;</span>
                <div class="name">方案109</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6bf;</span>
                <div class="name">调研方案</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe7b1;</span>
                <div class="name">校验方案</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe641;</span>
                <div class="name">方案</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe615;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe650;</span>
                <div class="name">方案 (3)</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe651;</span>
                <div class="name">方案 (1)</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe652;</span>
                <div class="name">方案 (2)</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe653;</span>
                <div class="name">方案 (5)</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe654;</span>
                <div class="name">方案 (6)</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe655;</span>
                <div class="name">方案 (4)</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe656;</span>
                <div class="name">方案 (9)</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe657;</span>
                <div class="name">方案 (8)</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe658;</span>
                <div class="name">方案 (7)</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe659;</span>
                <div class="name">方案 (12)</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe65a;</span>
                <div class="name">方案 (11)</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe65b;</span>
                <div class="name">方案 (10)</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe65c;</span>
                <div class="name">方案 (14)</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe65d;</span>
                <div class="name">方案 (13)</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe65e;</span>
                <div class="name">方案 (16)</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe660;</span>
                <div class="name">方案 (18)</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe661;</span>
                <div class="name">方案 (17)</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe662;</span>
                <div class="name">方案 (19)</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe663;</span>
                <div class="name">方案 (20)</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe664;</span>
                <div class="name">方案 (21)</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe665;</span>
                <div class="name">方案 (22)</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe666;</span>
                <div class="name">方案 (24)</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe667;</span>
                <div class="name">方案 (23)</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe668;</span>
                <div class="name">方案 (27)</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe669;</span>
                <div class="name">方案 (26)</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe66a;</span>
                <div class="name">方案 (25)</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe66b;</span>
                <div class="name">方案 (30)</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe66c;</span>
                <div class="name">方案 (28)</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe66d;</span>
                <div class="name">方案 (33)</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe66e;</span>
                <div class="name">方案 (31)</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe66f;</span>
                <div class="name">方案 (32)</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe670;</span>
                <div class="name">方案 (34)</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe671;</span>
                <div class="name">方案 (35)</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe672;</span>
                <div class="name">方案 (36)</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe674;</span>
                <div class="name">方案 (39)</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe675;</span>
                <div class="name">方案 (37)</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe676;</span>
                <div class="name">方案 (38)</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe677;</span>
                <div class="name">方案 (40)</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe678;</span>
                <div class="name">方案 (41)</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe679;</span>
                <div class="name">方案 (42)</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe67a;</span>
                <div class="name">方案 (45)</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe67b;</span>
                <div class="name">方案 (46)</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe67c;</span>
                <div class="name">方案 (44)</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe67d;</span>
                <div class="name">方案 (43)</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe67e;</span>
                <div class="name">方案 (48)</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe67f;</span>
                <div class="name">方案 (47)</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe680;</span>
                <div class="name">方案 (49)</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe681;</span>
                <div class="name">方案 (51)</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe682;</span>
                <div class="name">方案 (52)</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe683;</span>
                <div class="name">方案 (53)</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe684;</span>
                <div class="name">方案 (50)</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe685;</span>
                <div class="name">方案 (54)</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe686;</span>
                <div class="name">方案 (55)</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe687;</span>
                <div class="name">方案 (57)</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe688;</span>
                <div class="name">方案 (60)</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe689;</span>
                <div class="name">方案 (56)</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe68a;</span>
                <div class="name">方案 (61)</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe68b;</span>
                <div class="name">方案 (58)</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe68c;</span>
                <div class="name">方案 (59)</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe68d;</span>
                <div class="name">方案 (62)</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe68e;</span>
                <div class="name">方案 (63)</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe68f;</span>
                <div class="name">方案 (66)</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe690;</span>
                <div class="name">方案 (65)</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe691;</span>
                <div class="name">方案 (70)</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe692;</span>
                <div class="name">方案 (67)</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe693;</span>
                <div class="name">方案 (69)</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe694;</span>
                <div class="name">方案 (64)</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe695;</span>
                <div class="name">方案 (68)</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe696;</span>
                <div class="name">方案 (71)</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe697;</span>
                <div class="name">方案 (75)</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe60d;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe65f;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe80a;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6ce;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe600;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe601;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe707;</span>
                <div class="name">门户信息审核</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe708;</span>
                <div class="name">系统常量</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe709;</span>
                <div class="name">通知信息</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe70b;</span>
                <div class="name">培训反馈</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe70d;</span>
                <div class="name">部门策划审批</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe70e;</span>
                <div class="name">招聘计划审批</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe70f;</span>
                <div class="name">招聘计划</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe710;</span>
                <div class="name">招聘录用</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe711;</span>
                <div class="name">培训项管理</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe713;</span>
                <div class="name">招聘需求</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe714;</span>
                <div class="name">培训策划</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe715;</span>
                <div class="name">意见反馈</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe716;</span>
                <div class="name">待办交宜</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe717;</span>
                <div class="name">启动新工作</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe718;</span>
                <div class="name">招聘需求汇总</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe719;</span>
                <div class="name">密码策略</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe71a;</span>
                <div class="name">培训记录</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe71b;</span>
                <div class="name">工作移交</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe71c;</span>
                <div class="name">涉密管理</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe71d;</span>
                <div class="name">消息发送</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe71e;</span>
                <div class="name">部门计划</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe720;</span>
                <div class="name">证照管理</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe721;</span>
                <div class="name">借款审批</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe722;</span>
                <div class="name">消息设置</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe723;</span>
                <div class="name">已办交宜</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe724;</span>
                <div class="name">计划项目</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe728;</span>
                <div class="name">年度计划</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe729;</span>
                <div class="name">涉密人员变动</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe72a;</span>
                <div class="name">待办设置</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe72b;</span>
                <div class="name">门户设置</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe72d;</span>
                <div class="name">报销审批</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe731;</span>
                <div class="name">人员合同</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe732;</span>
                <div class="name">人事档案</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe733;</span>
                <div class="name">已办工作</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe734;</span>
                <div class="name">奖惩管理</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe735;</span>
                <div class="name">工作经历</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe736;</span>
                <div class="name">临时通行证</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe738;</span>
                <div class="name">员工关怀</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe739;</span>
                <div class="name">人事调动</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe73a;</span>
                <div class="name">离职管理</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe73b;</span>
                <div class="name">劳动技能</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe73c;</span>
                <div class="name">职称评定</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe73e;</span>
                <div class="name">菜单管理</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe73f;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe741;</span>
                <div class="name">用户权限</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe742;</span>
                <div class="name">白名单下载</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe743;</span>
                <div class="name">社会关系</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe744;</span>
                <div class="name">日志管理</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe745;</span>
                <div class="name">修改密码</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe746;</span>
                <div class="name">角色菜单</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe747;</span>
                <div class="name">服务集成</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe748;</span>
                <div class="name">关键项管理</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe749;</span>
                <div class="name">印章管理</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe74a;</span>
                <div class="name">事务安排</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe74b;</span>
                <div class="name">系统集成</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe74c;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe74d;</span>
                <div class="name">快捷菜单</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe750;</span>
                <div class="name">登录日志</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe751;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe752;</span>
                <div class="name">招聘统计</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe753;</span>
                <div class="name">部门培训计划</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe6f3;</span>
                <div class="name">培训策划审批</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe701;</span>
                <div class="name">储存管理</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe703;</span>
                <div class="name">门户信息发布</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe704;</span>
                <div class="name">安全密保</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon management-iconfont">&#xe706;</span>
                <div class="name">轮播图管理</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'management-iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#management-iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.management-iconfont {
  font-family: "management-iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="management-iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"management-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan71"></span>
            <div class="name">
              方案 (76)
            </div>
            <div class="code-name">.management-fangan71
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan72"></span>
            <div class="name">
              方案 (73)
            </div>
            <div class="code-name">.management-fangan72
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan73"></span>
            <div class="name">
              方案 (74)
            </div>
            <div class="code-name">.management-fangan73
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan74"></span>
            <div class="name">
              方案 (78)
            </div>
            <div class="code-name">.management-fangan74
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan75"></span>
            <div class="name">
              方案 (79)
            </div>
            <div class="code-name">.management-fangan75
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan76"></span>
            <div class="name">
              方案 (77)
            </div>
            <div class="code-name">.management-fangan76
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan77"></span>
            <div class="name">
              方案 (81)
            </div>
            <div class="code-name">.management-fangan77
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan78"></span>
            <div class="name">
              方案 (84)
            </div>
            <div class="code-name">.management-fangan78
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan79"></span>
            <div class="name">
              方案 (82)
            </div>
            <div class="code-name">.management-fangan79
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan80"></span>
            <div class="name">
              方案 (80)
            </div>
            <div class="code-name">.management-fangan80
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan81"></span>
            <div class="name">
              方案 (87)
            </div>
            <div class="code-name">.management-fangan81
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan82"></span>
            <div class="name">
              方案 (90)
            </div>
            <div class="code-name">.management-fangan82
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan83"></span>
            <div class="name">
              方案 (86)
            </div>
            <div class="code-name">.management-fangan83
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan84"></span>
            <div class="name">
              方案 (89)
            </div>
            <div class="code-name">.management-fangan84
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan85"></span>
            <div class="name">
              方案 (88)
            </div>
            <div class="code-name">.management-fangan85
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan86"></span>
            <div class="name">
              方案 (91)
            </div>
            <div class="code-name">.management-fangan86
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan87"></span>
            <div class="name">
              方案 (96)
            </div>
            <div class="code-name">.management-fangan87
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan88"></span>
            <div class="name">
              方案 (95)
            </div>
            <div class="code-name">.management-fangan88
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan89"></span>
            <div class="name">
              方案 (93)
            </div>
            <div class="code-name">.management-fangan89
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan90"></span>
            <div class="name">
              方案 (94)
            </div>
            <div class="code-name">.management-fangan90
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan91"></span>
            <div class="name">
              方案 (99)
            </div>
            <div class="code-name">.management-fangan91
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan92"></span>
            <div class="name">
              方案 (92)
            </div>
            <div class="code-name">.management-fangan92
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan93"></span>
            <div class="name">
              方案 (97)
            </div>
            <div class="code-name">.management-fangan93
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan94"></span>
            <div class="name">
              方案 (83)
            </div>
            <div class="code-name">.management-fangan94
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan95"></span>
            <div class="name">
              方案 (98)
            </div>
            <div class="code-name">.management-fangan95
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan96"></span>
            <div class="name">
              方案 (100)
            </div>
            <div class="code-name">.management-fangan96
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan97"></span>
            <div class="name">
              方案 (102)
            </div>
            <div class="code-name">.management-fangan97
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan98"></span>
            <div class="name">
              方案 (105)
            </div>
            <div class="code-name">.management-fangan98
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan99"></span>
            <div class="name">
              方案 (106)
            </div>
            <div class="code-name">.management-fangan99
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan100"></span>
            <div class="name">
              方案 (101)
            </div>
            <div class="code-name">.management-fangan100
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan101"></span>
            <div class="name">
              方案 (104)
            </div>
            <div class="code-name">.management-fangan101
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan102"></span>
            <div class="name">
              方案 (103)
            </div>
            <div class="code-name">.management-fangan102
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan103"></span>
            <div class="name">
              方案106
            </div>
            <div class="code-name">.management-fangan103
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan104"></span>
            <div class="name">
              方案108
            </div>
            <div class="code-name">.management-fangan104
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan105"></span>
            <div class="name">
              方案109
            </div>
            <div class="code-name">.management-fangan105
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-tiaoyanfangan"></span>
            <div class="name">
              调研方案
            </div>
            <div class="code-name">.management-tiaoyanfangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-xiaoyanfangan"></span>
            <div class="name">
              校验方案
            </div>
            <div class="code-name">.management-xiaoyanfangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan"></span>
            <div class="name">
              方案
            </div>
            <div class="code-name">.management-fangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fenxi"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.management-fenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan1"></span>
            <div class="name">
              方案 (3)
            </div>
            <div class="code-name">.management-fangan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan2"></span>
            <div class="name">
              方案 (1)
            </div>
            <div class="code-name">.management-fangan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan3"></span>
            <div class="name">
              方案 (2)
            </div>
            <div class="code-name">.management-fangan3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan4"></span>
            <div class="name">
              方案 (5)
            </div>
            <div class="code-name">.management-fangan4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan5"></span>
            <div class="name">
              方案 (6)
            </div>
            <div class="code-name">.management-fangan5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan6"></span>
            <div class="name">
              方案 (4)
            </div>
            <div class="code-name">.management-fangan6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan7"></span>
            <div class="name">
              方案 (9)
            </div>
            <div class="code-name">.management-fangan7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan8"></span>
            <div class="name">
              方案 (8)
            </div>
            <div class="code-name">.management-fangan8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan9"></span>
            <div class="name">
              方案 (7)
            </div>
            <div class="code-name">.management-fangan9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan10"></span>
            <div class="name">
              方案 (12)
            </div>
            <div class="code-name">.management-fangan10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan11"></span>
            <div class="name">
              方案 (11)
            </div>
            <div class="code-name">.management-fangan11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan12"></span>
            <div class="name">
              方案 (10)
            </div>
            <div class="code-name">.management-fangan12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan13"></span>
            <div class="name">
              方案 (14)
            </div>
            <div class="code-name">.management-fangan13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan14"></span>
            <div class="name">
              方案 (13)
            </div>
            <div class="code-name">.management-fangan14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan15"></span>
            <div class="name">
              方案 (16)
            </div>
            <div class="code-name">.management-fangan15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan16"></span>
            <div class="name">
              方案 (18)
            </div>
            <div class="code-name">.management-fangan16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan17"></span>
            <div class="name">
              方案 (17)
            </div>
            <div class="code-name">.management-fangan17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan18"></span>
            <div class="name">
              方案 (19)
            </div>
            <div class="code-name">.management-fangan18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan19"></span>
            <div class="name">
              方案 (20)
            </div>
            <div class="code-name">.management-fangan19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan20"></span>
            <div class="name">
              方案 (21)
            </div>
            <div class="code-name">.management-fangan20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan21"></span>
            <div class="name">
              方案 (22)
            </div>
            <div class="code-name">.management-fangan21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan22"></span>
            <div class="name">
              方案 (24)
            </div>
            <div class="code-name">.management-fangan22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan23"></span>
            <div class="name">
              方案 (23)
            </div>
            <div class="code-name">.management-fangan23
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan24"></span>
            <div class="name">
              方案 (27)
            </div>
            <div class="code-name">.management-fangan24
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan25"></span>
            <div class="name">
              方案 (26)
            </div>
            <div class="code-name">.management-fangan25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan26"></span>
            <div class="name">
              方案 (25)
            </div>
            <div class="code-name">.management-fangan26
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan27"></span>
            <div class="name">
              方案 (30)
            </div>
            <div class="code-name">.management-fangan27
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan28"></span>
            <div class="name">
              方案 (28)
            </div>
            <div class="code-name">.management-fangan28
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan29"></span>
            <div class="name">
              方案 (33)
            </div>
            <div class="code-name">.management-fangan29
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan30"></span>
            <div class="name">
              方案 (31)
            </div>
            <div class="code-name">.management-fangan30
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan31"></span>
            <div class="name">
              方案 (32)
            </div>
            <div class="code-name">.management-fangan31
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan32"></span>
            <div class="name">
              方案 (34)
            </div>
            <div class="code-name">.management-fangan32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan33"></span>
            <div class="name">
              方案 (35)
            </div>
            <div class="code-name">.management-fangan33
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan34"></span>
            <div class="name">
              方案 (36)
            </div>
            <div class="code-name">.management-fangan34
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan35"></span>
            <div class="name">
              方案 (39)
            </div>
            <div class="code-name">.management-fangan35
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan36"></span>
            <div class="name">
              方案 (37)
            </div>
            <div class="code-name">.management-fangan36
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan37"></span>
            <div class="name">
              方案 (38)
            </div>
            <div class="code-name">.management-fangan37
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan38"></span>
            <div class="name">
              方案 (40)
            </div>
            <div class="code-name">.management-fangan38
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan39"></span>
            <div class="name">
              方案 (41)
            </div>
            <div class="code-name">.management-fangan39
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan40"></span>
            <div class="name">
              方案 (42)
            </div>
            <div class="code-name">.management-fangan40
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan41"></span>
            <div class="name">
              方案 (45)
            </div>
            <div class="code-name">.management-fangan41
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan42"></span>
            <div class="name">
              方案 (46)
            </div>
            <div class="code-name">.management-fangan42
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan43"></span>
            <div class="name">
              方案 (44)
            </div>
            <div class="code-name">.management-fangan43
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan44"></span>
            <div class="name">
              方案 (43)
            </div>
            <div class="code-name">.management-fangan44
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan45"></span>
            <div class="name">
              方案 (48)
            </div>
            <div class="code-name">.management-fangan45
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan46"></span>
            <div class="name">
              方案 (47)
            </div>
            <div class="code-name">.management-fangan46
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan47"></span>
            <div class="name">
              方案 (49)
            </div>
            <div class="code-name">.management-fangan47
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan48"></span>
            <div class="name">
              方案 (51)
            </div>
            <div class="code-name">.management-fangan48
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan49"></span>
            <div class="name">
              方案 (52)
            </div>
            <div class="code-name">.management-fangan49
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan50"></span>
            <div class="name">
              方案 (53)
            </div>
            <div class="code-name">.management-fangan50
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan51"></span>
            <div class="name">
              方案 (50)
            </div>
            <div class="code-name">.management-fangan51
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan52"></span>
            <div class="name">
              方案 (54)
            </div>
            <div class="code-name">.management-fangan52
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan53"></span>
            <div class="name">
              方案 (55)
            </div>
            <div class="code-name">.management-fangan53
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan54"></span>
            <div class="name">
              方案 (57)
            </div>
            <div class="code-name">.management-fangan54
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan55"></span>
            <div class="name">
              方案 (60)
            </div>
            <div class="code-name">.management-fangan55
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan56"></span>
            <div class="name">
              方案 (56)
            </div>
            <div class="code-name">.management-fangan56
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan57"></span>
            <div class="name">
              方案 (61)
            </div>
            <div class="code-name">.management-fangan57
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan58"></span>
            <div class="name">
              方案 (58)
            </div>
            <div class="code-name">.management-fangan58
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan59"></span>
            <div class="name">
              方案 (59)
            </div>
            <div class="code-name">.management-fangan59
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan60"></span>
            <div class="name">
              方案 (62)
            </div>
            <div class="code-name">.management-fangan60
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan61"></span>
            <div class="name">
              方案 (63)
            </div>
            <div class="code-name">.management-fangan61
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan62"></span>
            <div class="name">
              方案 (66)
            </div>
            <div class="code-name">.management-fangan62
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan63"></span>
            <div class="name">
              方案 (65)
            </div>
            <div class="code-name">.management-fangan63
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan64"></span>
            <div class="name">
              方案 (70)
            </div>
            <div class="code-name">.management-fangan64
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan65"></span>
            <div class="name">
              方案 (67)
            </div>
            <div class="code-name">.management-fangan65
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan66"></span>
            <div class="name">
              方案 (69)
            </div>
            <div class="code-name">.management-fangan66
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan67"></span>
            <div class="name">
              方案 (64)
            </div>
            <div class="code-name">.management-fangan67
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan68"></span>
            <div class="name">
              方案 (68)
            </div>
            <div class="code-name">.management-fangan68
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan69"></span>
            <div class="name">
              方案 (71)
            </div>
            <div class="code-name">.management-fangan69
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-fangan70"></span>
            <div class="name">
              方案 (75)
            </div>
            <div class="code-name">.management-fangan70
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-folder-open"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.management-folder-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-folder"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.management-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-refresh"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.management-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-account"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.management-account
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-settings"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.management-settings
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-home"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.management-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx69"></span>
            <div class="name">
              门户信息审核
            </div>
            <div class="code-name">.management-drxx69
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx68"></span>
            <div class="name">
              系统常量
            </div>
            <div class="code-name">.management-drxx68
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx67"></span>
            <div class="name">
              通知信息
            </div>
            <div class="code-name">.management-drxx67
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-edit"></span>
            <div class="name">
              培训反馈
            </div>
            <div class="code-name">.management-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx62"></span>
            <div class="name">
              部门策划审批
            </div>
            <div class="code-name">.management-drxx62
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx61"></span>
            <div class="name">
              招聘计划审批
            </div>
            <div class="code-name">.management-drxx61
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx60"></span>
            <div class="name">
              招聘计划
            </div>
            <div class="code-name">.management-drxx60
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx59"></span>
            <div class="name">
              招聘录用
            </div>
            <div class="code-name">.management-drxx59
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx58"></span>
            <div class="name">
              培训项管理
            </div>
            <div class="code-name">.management-drxx58
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx56"></span>
            <div class="name">
              招聘需求
            </div>
            <div class="code-name">.management-drxx56
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx55"></span>
            <div class="name">
              培训策划
            </div>
            <div class="code-name">.management-drxx55
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx54"></span>
            <div class="name">
              意见反馈
            </div>
            <div class="code-name">.management-drxx54
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx53"></span>
            <div class="name">
              待办交宜
            </div>
            <div class="code-name">.management-drxx53
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx52"></span>
            <div class="name">
              启动新工作
            </div>
            <div class="code-name">.management-drxx52
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx51"></span>
            <div class="name">
              招聘需求汇总
            </div>
            <div class="code-name">.management-drxx51
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx50"></span>
            <div class="name">
              密码策略
            </div>
            <div class="code-name">.management-drxx50
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx49"></span>
            <div class="name">
              培训记录
            </div>
            <div class="code-name">.management-drxx49
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx48"></span>
            <div class="name">
              工作移交
            </div>
            <div class="code-name">.management-drxx48
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx47"></span>
            <div class="name">
              涉密管理
            </div>
            <div class="code-name">.management-drxx47
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx46"></span>
            <div class="name">
              消息发送
            </div>
            <div class="code-name">.management-drxx46
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx45"></span>
            <div class="name">
              部门计划
            </div>
            <div class="code-name">.management-drxx45
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx43"></span>
            <div class="name">
              证照管理
            </div>
            <div class="code-name">.management-drxx43
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx42"></span>
            <div class="name">
              借款审批
            </div>
            <div class="code-name">.management-drxx42
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx41"></span>
            <div class="name">
              消息设置
            </div>
            <div class="code-name">.management-drxx41
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx40"></span>
            <div class="name">
              已办交宜
            </div>
            <div class="code-name">.management-drxx40
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx39"></span>
            <div class="name">
              计划项目
            </div>
            <div class="code-name">.management-drxx39
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx35"></span>
            <div class="name">
              年度计划
            </div>
            <div class="code-name">.management-drxx35
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx34"></span>
            <div class="name">
              涉密人员变动
            </div>
            <div class="code-name">.management-drxx34
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx33"></span>
            <div class="name">
              待办设置
            </div>
            <div class="code-name">.management-drxx33
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx32"></span>
            <div class="name">
              门户设置
            </div>
            <div class="code-name">.management-drxx32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx30"></span>
            <div class="name">
              报销审批
            </div>
            <div class="code-name">.management-drxx30
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx24"></span>
            <div class="name">
              人员合同
            </div>
            <div class="code-name">.management-drxx24
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx23"></span>
            <div class="name">
              人事档案
            </div>
            <div class="code-name">.management-drxx23
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx22"></span>
            <div class="name">
              已办工作
            </div>
            <div class="code-name">.management-drxx22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx21"></span>
            <div class="name">
              奖惩管理
            </div>
            <div class="code-name">.management-drxx21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx20"></span>
            <div class="name">
              工作经历
            </div>
            <div class="code-name">.management-drxx20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx19"></span>
            <div class="name">
              临时通行证
            </div>
            <div class="code-name">.management-drxx19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx17"></span>
            <div class="name">
              员工关怀
            </div>
            <div class="code-name">.management-drxx17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx16"></span>
            <div class="name">
              人事调动
            </div>
            <div class="code-name">.management-drxx16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx15"></span>
            <div class="name">
              离职管理
            </div>
            <div class="code-name">.management-drxx15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx14"></span>
            <div class="name">
              劳动技能
            </div>
            <div class="code-name">.management-drxx14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx13"></span>
            <div class="name">
              职称评定
            </div>
            <div class="code-name">.management-drxx13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx11"></span>
            <div class="name">
              菜单管理
            </div>
            <div class="code-name">.management-drxx11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx10"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.management-drxx10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx08"></span>
            <div class="name">
              用户权限
            </div>
            <div class="code-name">.management-drxx08
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx07"></span>
            <div class="name">
              白名单下载
            </div>
            <div class="code-name">.management-drxx07
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx06"></span>
            <div class="name">
              社会关系
            </div>
            <div class="code-name">.management-drxx06
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx05"></span>
            <div class="name">
              日志管理
            </div>
            <div class="code-name">.management-drxx05
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx04"></span>
            <div class="name">
              修改密码
            </div>
            <div class="code-name">.management-drxx04
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx03"></span>
            <div class="name">
              角色菜单
            </div>
            <div class="code-name">.management-drxx03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx02"></span>
            <div class="name">
              服务集成
            </div>
            <div class="code-name">.management-drxx02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx01"></span>
            <div class="name">
              关键项管理
            </div>
            <div class="code-name">.management-drxx01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-seal"></span>
            <div class="name">
              印章管理
            </div>
            <div class="code-name">.management-seal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx87"></span>
            <div class="name">
              事务安排
            </div>
            <div class="code-name">.management-drxx87
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx86"></span>
            <div class="name">
              系统集成
            </div>
            <div class="code-name">.management-drxx86
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx88"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.management-drxx88
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx89"></span>
            <div class="name">
              快捷菜单
            </div>
            <div class="code-name">.management-drxx89
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx92"></span>
            <div class="name">
              登录日志
            </div>
            <div class="code-name">.management-drxx92
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx91"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.management-drxx91
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx90"></span>
            <div class="name">
              招聘统计
            </div>
            <div class="code-name">.management-drxx90
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx106"></span>
            <div class="name">
              部门培训计划
            </div>
            <div class="code-name">.management-drxx106
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx84"></span>
            <div class="name">
              培训策划审批
            </div>
            <div class="code-name">.management-drxx84
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx75"></span>
            <div class="name">
              储存管理
            </div>
            <div class="code-name">.management-drxx75
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx73"></span>
            <div class="name">
              门户信息发布
            </div>
            <div class="code-name">.management-drxx73
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx72"></span>
            <div class="name">
              安全密保
            </div>
            <div class="code-name">.management-drxx72
            </div>
          </li>
          
          <li class="dib">
            <span class="icon management-iconfont management-drxx70"></span>
            <div class="name">
              轮播图管理
            </div>
            <div class="code-name">.management-drxx70
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="management-iconfont management-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            management-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan71"></use>
                </svg>
                <div class="name">方案 (76)</div>
                <div class="code-name">#management-fangan71</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan72"></use>
                </svg>
                <div class="name">方案 (73)</div>
                <div class="code-name">#management-fangan72</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan73"></use>
                </svg>
                <div class="name">方案 (74)</div>
                <div class="code-name">#management-fangan73</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan74"></use>
                </svg>
                <div class="name">方案 (78)</div>
                <div class="code-name">#management-fangan74</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan75"></use>
                </svg>
                <div class="name">方案 (79)</div>
                <div class="code-name">#management-fangan75</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan76"></use>
                </svg>
                <div class="name">方案 (77)</div>
                <div class="code-name">#management-fangan76</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan77"></use>
                </svg>
                <div class="name">方案 (81)</div>
                <div class="code-name">#management-fangan77</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan78"></use>
                </svg>
                <div class="name">方案 (84)</div>
                <div class="code-name">#management-fangan78</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan79"></use>
                </svg>
                <div class="name">方案 (82)</div>
                <div class="code-name">#management-fangan79</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan80"></use>
                </svg>
                <div class="name">方案 (80)</div>
                <div class="code-name">#management-fangan80</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan81"></use>
                </svg>
                <div class="name">方案 (87)</div>
                <div class="code-name">#management-fangan81</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan82"></use>
                </svg>
                <div class="name">方案 (90)</div>
                <div class="code-name">#management-fangan82</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan83"></use>
                </svg>
                <div class="name">方案 (86)</div>
                <div class="code-name">#management-fangan83</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan84"></use>
                </svg>
                <div class="name">方案 (89)</div>
                <div class="code-name">#management-fangan84</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan85"></use>
                </svg>
                <div class="name">方案 (88)</div>
                <div class="code-name">#management-fangan85</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan86"></use>
                </svg>
                <div class="name">方案 (91)</div>
                <div class="code-name">#management-fangan86</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan87"></use>
                </svg>
                <div class="name">方案 (96)</div>
                <div class="code-name">#management-fangan87</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan88"></use>
                </svg>
                <div class="name">方案 (95)</div>
                <div class="code-name">#management-fangan88</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan89"></use>
                </svg>
                <div class="name">方案 (93)</div>
                <div class="code-name">#management-fangan89</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan90"></use>
                </svg>
                <div class="name">方案 (94)</div>
                <div class="code-name">#management-fangan90</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan91"></use>
                </svg>
                <div class="name">方案 (99)</div>
                <div class="code-name">#management-fangan91</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan92"></use>
                </svg>
                <div class="name">方案 (92)</div>
                <div class="code-name">#management-fangan92</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan93"></use>
                </svg>
                <div class="name">方案 (97)</div>
                <div class="code-name">#management-fangan93</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan94"></use>
                </svg>
                <div class="name">方案 (83)</div>
                <div class="code-name">#management-fangan94</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan95"></use>
                </svg>
                <div class="name">方案 (98)</div>
                <div class="code-name">#management-fangan95</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan96"></use>
                </svg>
                <div class="name">方案 (100)</div>
                <div class="code-name">#management-fangan96</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan97"></use>
                </svg>
                <div class="name">方案 (102)</div>
                <div class="code-name">#management-fangan97</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan98"></use>
                </svg>
                <div class="name">方案 (105)</div>
                <div class="code-name">#management-fangan98</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan99"></use>
                </svg>
                <div class="name">方案 (106)</div>
                <div class="code-name">#management-fangan99</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan100"></use>
                </svg>
                <div class="name">方案 (101)</div>
                <div class="code-name">#management-fangan100</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan101"></use>
                </svg>
                <div class="name">方案 (104)</div>
                <div class="code-name">#management-fangan101</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan102"></use>
                </svg>
                <div class="name">方案 (103)</div>
                <div class="code-name">#management-fangan102</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan103"></use>
                </svg>
                <div class="name">方案106</div>
                <div class="code-name">#management-fangan103</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan104"></use>
                </svg>
                <div class="name">方案108</div>
                <div class="code-name">#management-fangan104</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan105"></use>
                </svg>
                <div class="name">方案109</div>
                <div class="code-name">#management-fangan105</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-tiaoyanfangan"></use>
                </svg>
                <div class="name">调研方案</div>
                <div class="code-name">#management-tiaoyanfangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-xiaoyanfangan"></use>
                </svg>
                <div class="name">校验方案</div>
                <div class="code-name">#management-xiaoyanfangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan"></use>
                </svg>
                <div class="name">方案</div>
                <div class="code-name">#management-fangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fenxi"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#management-fenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan1"></use>
                </svg>
                <div class="name">方案 (3)</div>
                <div class="code-name">#management-fangan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan2"></use>
                </svg>
                <div class="name">方案 (1)</div>
                <div class="code-name">#management-fangan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan3"></use>
                </svg>
                <div class="name">方案 (2)</div>
                <div class="code-name">#management-fangan3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan4"></use>
                </svg>
                <div class="name">方案 (5)</div>
                <div class="code-name">#management-fangan4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan5"></use>
                </svg>
                <div class="name">方案 (6)</div>
                <div class="code-name">#management-fangan5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan6"></use>
                </svg>
                <div class="name">方案 (4)</div>
                <div class="code-name">#management-fangan6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan7"></use>
                </svg>
                <div class="name">方案 (9)</div>
                <div class="code-name">#management-fangan7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan8"></use>
                </svg>
                <div class="name">方案 (8)</div>
                <div class="code-name">#management-fangan8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan9"></use>
                </svg>
                <div class="name">方案 (7)</div>
                <div class="code-name">#management-fangan9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan10"></use>
                </svg>
                <div class="name">方案 (12)</div>
                <div class="code-name">#management-fangan10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan11"></use>
                </svg>
                <div class="name">方案 (11)</div>
                <div class="code-name">#management-fangan11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan12"></use>
                </svg>
                <div class="name">方案 (10)</div>
                <div class="code-name">#management-fangan12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan13"></use>
                </svg>
                <div class="name">方案 (14)</div>
                <div class="code-name">#management-fangan13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan14"></use>
                </svg>
                <div class="name">方案 (13)</div>
                <div class="code-name">#management-fangan14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan15"></use>
                </svg>
                <div class="name">方案 (16)</div>
                <div class="code-name">#management-fangan15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan16"></use>
                </svg>
                <div class="name">方案 (18)</div>
                <div class="code-name">#management-fangan16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan17"></use>
                </svg>
                <div class="name">方案 (17)</div>
                <div class="code-name">#management-fangan17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan18"></use>
                </svg>
                <div class="name">方案 (19)</div>
                <div class="code-name">#management-fangan18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan19"></use>
                </svg>
                <div class="name">方案 (20)</div>
                <div class="code-name">#management-fangan19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan20"></use>
                </svg>
                <div class="name">方案 (21)</div>
                <div class="code-name">#management-fangan20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan21"></use>
                </svg>
                <div class="name">方案 (22)</div>
                <div class="code-name">#management-fangan21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan22"></use>
                </svg>
                <div class="name">方案 (24)</div>
                <div class="code-name">#management-fangan22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan23"></use>
                </svg>
                <div class="name">方案 (23)</div>
                <div class="code-name">#management-fangan23</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan24"></use>
                </svg>
                <div class="name">方案 (27)</div>
                <div class="code-name">#management-fangan24</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan25"></use>
                </svg>
                <div class="name">方案 (26)</div>
                <div class="code-name">#management-fangan25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan26"></use>
                </svg>
                <div class="name">方案 (25)</div>
                <div class="code-name">#management-fangan26</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan27"></use>
                </svg>
                <div class="name">方案 (30)</div>
                <div class="code-name">#management-fangan27</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan28"></use>
                </svg>
                <div class="name">方案 (28)</div>
                <div class="code-name">#management-fangan28</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan29"></use>
                </svg>
                <div class="name">方案 (33)</div>
                <div class="code-name">#management-fangan29</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan30"></use>
                </svg>
                <div class="name">方案 (31)</div>
                <div class="code-name">#management-fangan30</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan31"></use>
                </svg>
                <div class="name">方案 (32)</div>
                <div class="code-name">#management-fangan31</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan32"></use>
                </svg>
                <div class="name">方案 (34)</div>
                <div class="code-name">#management-fangan32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan33"></use>
                </svg>
                <div class="name">方案 (35)</div>
                <div class="code-name">#management-fangan33</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan34"></use>
                </svg>
                <div class="name">方案 (36)</div>
                <div class="code-name">#management-fangan34</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan35"></use>
                </svg>
                <div class="name">方案 (39)</div>
                <div class="code-name">#management-fangan35</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan36"></use>
                </svg>
                <div class="name">方案 (37)</div>
                <div class="code-name">#management-fangan36</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan37"></use>
                </svg>
                <div class="name">方案 (38)</div>
                <div class="code-name">#management-fangan37</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan38"></use>
                </svg>
                <div class="name">方案 (40)</div>
                <div class="code-name">#management-fangan38</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan39"></use>
                </svg>
                <div class="name">方案 (41)</div>
                <div class="code-name">#management-fangan39</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan40"></use>
                </svg>
                <div class="name">方案 (42)</div>
                <div class="code-name">#management-fangan40</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan41"></use>
                </svg>
                <div class="name">方案 (45)</div>
                <div class="code-name">#management-fangan41</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan42"></use>
                </svg>
                <div class="name">方案 (46)</div>
                <div class="code-name">#management-fangan42</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan43"></use>
                </svg>
                <div class="name">方案 (44)</div>
                <div class="code-name">#management-fangan43</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan44"></use>
                </svg>
                <div class="name">方案 (43)</div>
                <div class="code-name">#management-fangan44</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan45"></use>
                </svg>
                <div class="name">方案 (48)</div>
                <div class="code-name">#management-fangan45</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan46"></use>
                </svg>
                <div class="name">方案 (47)</div>
                <div class="code-name">#management-fangan46</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan47"></use>
                </svg>
                <div class="name">方案 (49)</div>
                <div class="code-name">#management-fangan47</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan48"></use>
                </svg>
                <div class="name">方案 (51)</div>
                <div class="code-name">#management-fangan48</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan49"></use>
                </svg>
                <div class="name">方案 (52)</div>
                <div class="code-name">#management-fangan49</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan50"></use>
                </svg>
                <div class="name">方案 (53)</div>
                <div class="code-name">#management-fangan50</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan51"></use>
                </svg>
                <div class="name">方案 (50)</div>
                <div class="code-name">#management-fangan51</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan52"></use>
                </svg>
                <div class="name">方案 (54)</div>
                <div class="code-name">#management-fangan52</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan53"></use>
                </svg>
                <div class="name">方案 (55)</div>
                <div class="code-name">#management-fangan53</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan54"></use>
                </svg>
                <div class="name">方案 (57)</div>
                <div class="code-name">#management-fangan54</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan55"></use>
                </svg>
                <div class="name">方案 (60)</div>
                <div class="code-name">#management-fangan55</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan56"></use>
                </svg>
                <div class="name">方案 (56)</div>
                <div class="code-name">#management-fangan56</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan57"></use>
                </svg>
                <div class="name">方案 (61)</div>
                <div class="code-name">#management-fangan57</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan58"></use>
                </svg>
                <div class="name">方案 (58)</div>
                <div class="code-name">#management-fangan58</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan59"></use>
                </svg>
                <div class="name">方案 (59)</div>
                <div class="code-name">#management-fangan59</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan60"></use>
                </svg>
                <div class="name">方案 (62)</div>
                <div class="code-name">#management-fangan60</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan61"></use>
                </svg>
                <div class="name">方案 (63)</div>
                <div class="code-name">#management-fangan61</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan62"></use>
                </svg>
                <div class="name">方案 (66)</div>
                <div class="code-name">#management-fangan62</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan63"></use>
                </svg>
                <div class="name">方案 (65)</div>
                <div class="code-name">#management-fangan63</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan64"></use>
                </svg>
                <div class="name">方案 (70)</div>
                <div class="code-name">#management-fangan64</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan65"></use>
                </svg>
                <div class="name">方案 (67)</div>
                <div class="code-name">#management-fangan65</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan66"></use>
                </svg>
                <div class="name">方案 (69)</div>
                <div class="code-name">#management-fangan66</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan67"></use>
                </svg>
                <div class="name">方案 (64)</div>
                <div class="code-name">#management-fangan67</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan68"></use>
                </svg>
                <div class="name">方案 (68)</div>
                <div class="code-name">#management-fangan68</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan69"></use>
                </svg>
                <div class="name">方案 (71)</div>
                <div class="code-name">#management-fangan69</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-fangan70"></use>
                </svg>
                <div class="name">方案 (75)</div>
                <div class="code-name">#management-fangan70</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-folder-open"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#management-folder-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-folder"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#management-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-refresh"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#management-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-account"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#management-account</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-settings"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#management-settings</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-home"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#management-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx69"></use>
                </svg>
                <div class="name">门户信息审核</div>
                <div class="code-name">#management-drxx69</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx68"></use>
                </svg>
                <div class="name">系统常量</div>
                <div class="code-name">#management-drxx68</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx67"></use>
                </svg>
                <div class="name">通知信息</div>
                <div class="code-name">#management-drxx67</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-edit"></use>
                </svg>
                <div class="name">培训反馈</div>
                <div class="code-name">#management-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx62"></use>
                </svg>
                <div class="name">部门策划审批</div>
                <div class="code-name">#management-drxx62</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx61"></use>
                </svg>
                <div class="name">招聘计划审批</div>
                <div class="code-name">#management-drxx61</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx60"></use>
                </svg>
                <div class="name">招聘计划</div>
                <div class="code-name">#management-drxx60</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx59"></use>
                </svg>
                <div class="name">招聘录用</div>
                <div class="code-name">#management-drxx59</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx58"></use>
                </svg>
                <div class="name">培训项管理</div>
                <div class="code-name">#management-drxx58</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx56"></use>
                </svg>
                <div class="name">招聘需求</div>
                <div class="code-name">#management-drxx56</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx55"></use>
                </svg>
                <div class="name">培训策划</div>
                <div class="code-name">#management-drxx55</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx54"></use>
                </svg>
                <div class="name">意见反馈</div>
                <div class="code-name">#management-drxx54</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx53"></use>
                </svg>
                <div class="name">待办交宜</div>
                <div class="code-name">#management-drxx53</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx52"></use>
                </svg>
                <div class="name">启动新工作</div>
                <div class="code-name">#management-drxx52</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx51"></use>
                </svg>
                <div class="name">招聘需求汇总</div>
                <div class="code-name">#management-drxx51</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx50"></use>
                </svg>
                <div class="name">密码策略</div>
                <div class="code-name">#management-drxx50</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx49"></use>
                </svg>
                <div class="name">培训记录</div>
                <div class="code-name">#management-drxx49</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx48"></use>
                </svg>
                <div class="name">工作移交</div>
                <div class="code-name">#management-drxx48</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx47"></use>
                </svg>
                <div class="name">涉密管理</div>
                <div class="code-name">#management-drxx47</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx46"></use>
                </svg>
                <div class="name">消息发送</div>
                <div class="code-name">#management-drxx46</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx45"></use>
                </svg>
                <div class="name">部门计划</div>
                <div class="code-name">#management-drxx45</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx43"></use>
                </svg>
                <div class="name">证照管理</div>
                <div class="code-name">#management-drxx43</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx42"></use>
                </svg>
                <div class="name">借款审批</div>
                <div class="code-name">#management-drxx42</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx41"></use>
                </svg>
                <div class="name">消息设置</div>
                <div class="code-name">#management-drxx41</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx40"></use>
                </svg>
                <div class="name">已办交宜</div>
                <div class="code-name">#management-drxx40</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx39"></use>
                </svg>
                <div class="name">计划项目</div>
                <div class="code-name">#management-drxx39</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx35"></use>
                </svg>
                <div class="name">年度计划</div>
                <div class="code-name">#management-drxx35</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx34"></use>
                </svg>
                <div class="name">涉密人员变动</div>
                <div class="code-name">#management-drxx34</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx33"></use>
                </svg>
                <div class="name">待办设置</div>
                <div class="code-name">#management-drxx33</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx32"></use>
                </svg>
                <div class="name">门户设置</div>
                <div class="code-name">#management-drxx32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx30"></use>
                </svg>
                <div class="name">报销审批</div>
                <div class="code-name">#management-drxx30</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx24"></use>
                </svg>
                <div class="name">人员合同</div>
                <div class="code-name">#management-drxx24</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx23"></use>
                </svg>
                <div class="name">人事档案</div>
                <div class="code-name">#management-drxx23</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx22"></use>
                </svg>
                <div class="name">已办工作</div>
                <div class="code-name">#management-drxx22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx21"></use>
                </svg>
                <div class="name">奖惩管理</div>
                <div class="code-name">#management-drxx21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx20"></use>
                </svg>
                <div class="name">工作经历</div>
                <div class="code-name">#management-drxx20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx19"></use>
                </svg>
                <div class="name">临时通行证</div>
                <div class="code-name">#management-drxx19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx17"></use>
                </svg>
                <div class="name">员工关怀</div>
                <div class="code-name">#management-drxx17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx16"></use>
                </svg>
                <div class="name">人事调动</div>
                <div class="code-name">#management-drxx16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx15"></use>
                </svg>
                <div class="name">离职管理</div>
                <div class="code-name">#management-drxx15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx14"></use>
                </svg>
                <div class="name">劳动技能</div>
                <div class="code-name">#management-drxx14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx13"></use>
                </svg>
                <div class="name">职称评定</div>
                <div class="code-name">#management-drxx13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx11"></use>
                </svg>
                <div class="name">菜单管理</div>
                <div class="code-name">#management-drxx11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx10"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#management-drxx10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx08"></use>
                </svg>
                <div class="name">用户权限</div>
                <div class="code-name">#management-drxx08</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx07"></use>
                </svg>
                <div class="name">白名单下载</div>
                <div class="code-name">#management-drxx07</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx06"></use>
                </svg>
                <div class="name">社会关系</div>
                <div class="code-name">#management-drxx06</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx05"></use>
                </svg>
                <div class="name">日志管理</div>
                <div class="code-name">#management-drxx05</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx04"></use>
                </svg>
                <div class="name">修改密码</div>
                <div class="code-name">#management-drxx04</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx03"></use>
                </svg>
                <div class="name">角色菜单</div>
                <div class="code-name">#management-drxx03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx02"></use>
                </svg>
                <div class="name">服务集成</div>
                <div class="code-name">#management-drxx02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx01"></use>
                </svg>
                <div class="name">关键项管理</div>
                <div class="code-name">#management-drxx01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-seal"></use>
                </svg>
                <div class="name">印章管理</div>
                <div class="code-name">#management-seal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx87"></use>
                </svg>
                <div class="name">事务安排</div>
                <div class="code-name">#management-drxx87</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx86"></use>
                </svg>
                <div class="name">系统集成</div>
                <div class="code-name">#management-drxx86</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx88"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#management-drxx88</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx89"></use>
                </svg>
                <div class="name">快捷菜单</div>
                <div class="code-name">#management-drxx89</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx92"></use>
                </svg>
                <div class="name">登录日志</div>
                <div class="code-name">#management-drxx92</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx91"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#management-drxx91</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx90"></use>
                </svg>
                <div class="name">招聘统计</div>
                <div class="code-name">#management-drxx90</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx106"></use>
                </svg>
                <div class="name">部门培训计划</div>
                <div class="code-name">#management-drxx106</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx84"></use>
                </svg>
                <div class="name">培训策划审批</div>
                <div class="code-name">#management-drxx84</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx75"></use>
                </svg>
                <div class="name">储存管理</div>
                <div class="code-name">#management-drxx75</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx73"></use>
                </svg>
                <div class="name">门户信息发布</div>
                <div class="code-name">#management-drxx73</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx72"></use>
                </svg>
                <div class="name">安全密保</div>
                <div class="code-name">#management-drxx72</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#management-drxx70"></use>
                </svg>
                <div class="name">轮播图管理</div>
                <div class="code-name">#management-drxx70</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
